$(function () {
    $('#link-reg').on('click', function () {
        $('.register').hide()
        $('.login').show()
    })
    $('#link-login').on('click', function () {
        $('.register').show()
        $('.login').hide()
    })
    //自定义正则
    const form = layui.form
    form.verify({
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须是1-10位字母和数字'
        ],
        password: [
            /^[A-Za-z0-9]{6,15}$/,
            '密码长度必须是6-15位的非空字符串'
        ],
        //判断密码是否一致
        //自定义函数判断
        rePwd: function (value) {
            if (value != $('.login [placeholder="请输入密码"]').val()) {
                return '两次密码不一致！'
            }
        }
    })
    const layer = layui.layer
    //注册功能submit提交事件
    $('#formReg').on('submit', function (e) {
        e.preventDefault();
        //获取表单数据
        let data = $(this).serialize();
        axios({
            url: '/api/reguser',
            method: 'post',
            data
        }).then(res => {
            //成功回调
            console.log(res)
            if(res.data.status!=0){
                return layer.msg(res.data.message, {icon: 2})
            }
            layer.msg(res.data.message, {icon: 1})
            //清空表单数据
            $('.login')[0].reset()
            // 点击登录
            $('#link-login').click()
        })
    })
    //注册功能完成


    //登录功能开始
    $('#formLogin').on('submit', function (e) {
        e.preventDefault()
        //获取表单数据
         
        axios({
            url: '/api/login',
            method: 'post',
            data:$(this).serialize(),
        }).then(res => {
            //成功回调
            console.log(res)
            if(res.data.status !=0){
                return layer.msg(res.data.message, {icon: 2})
            }
            layer.msg(res.data.message, {icon: 1})
            //清空表单数据
            $('.register')[0].reset()
            //储存登录的用户数据
            localStorage.setItem('token',res.data.token)
            // 跳转页面
            location.href = '/index.html'
        })
    })


})